<template>
  <div class="xingTransfer">
    <el-card>
      <p>基本需求</p>
      <p>基于table，pagination实现的可搜索，可分页式表格型穿梭框</p>
    </el-card>
    <xing-table-transfer
      :title-texts="titleTexts"
      :button-texts="buttonTexts"
      :table-column="tableColumn"
      :get-origin-right-table-list="originRightTableList"
      :get-origin-left-table-list="originLeftTableList"
    ></xing-table-transfer>
  </div>
</template>

<script>
import XingTableTransfer from '../../components/XingTableTransfer'
export default {
  name: 'XingTransfer',
  components: {
    XingTableTransfer
  },
  data () {
    return {
      value: '',
      titleTexts: ['未选用户', '已选用户'],
      buttonTexts: ['到左边', '到右边'],
      tableColumn: [
        {
          label: '姓名',
          prop: 'name'
        },
        {
          label: '日期',
          prop: 'date'
        },
        {
          label: '地址',
          prop: 'address'
        }
      ],
      originLeftTableList: [{
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-02',
        name: '风清扬',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '令狐冲',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-01',
        name: '东方不败',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-14',
        name: '天王老子',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-11',
        name: '岳不群',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-08',
        name: '卓不凡',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-06',
        name: '张无忌',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-07',
        name: '杨逍',
        address: '上海市普陀区金沙江路 1518 弄'
      }],
      originRightTableList: [
        {
          date: '2016-10-07',
          name: '金毛狮王',
          address: '上海市普陀区金沙江路 1518 弄'
        }
      ]
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
</style>
